<!-- components/MyProductList.vue -->
<template>
  <!-- <ProductComp :name="product.name" :price="product.price" /> -->
  <ProductComp v-bind="product" />

</template>
<script lang="ts">
import ProductComp from './MyProductComp.vue'
export default {
  name: 'ProductList',
  components: {
    ProductComp
  },
  data() {
    return {
      product: {
        name: 'Red Sweater',
        price: 19.99
      }
    }
  },
  provide: {
    selectedIds: [1]
  }
  // provide: {
  //   return {
  //     selectedIds: [1]
  //   }
  // }
}

</script>
